<!DOCTYPE html>
<html lang="zh">
    <head>
        <title>App管理 | OMS</title>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="cache-control" content="no-cache" />
        <meta http-equiv="expires" content="Thu, 19 Nov 1900 08:52:00 GMT" />
        
        <!-- 加载 bootstrap 样式-->
        <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css" />
        <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/font-awesome/css/font-awesome.min.css" />
        <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap/css/bootstrap.min.css" />
        
        <!-- 加载本页需要的三方插件样式 -->
	    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/jquery.dataTables.css">
	    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/extensions/TableTools/css/dataTables.tableTools.min.css">
	    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/dataTables.bootstrap.css">
	    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-tablesorter/themes/blue/style-custom.css">
	    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-bootstrap-wizard/custom.css">
	    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-steps/css/jquery.steps.css">
        <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/animate.css/animate.css" />
        <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/iCheck/skins/all.css" />
    	<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css">
        
        <!-- 加载主题风格样式 -->
        <link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" class="default-style" />
        <link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" id="theme-change" class="style-change color-change" />
        <link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/style-responsive.css" />
        <style type="text/css">
        #appTable tbody tr td{
			/*word-wrap: break-word; */
			overflow: hidden;
		    white-space: nowrap;
		    text-overflow: ellipsis;
        }
        </style>
    </head>
    <body class="">
	    <!--BEGIN CONTENT-->
	    <div class="page-content">
	        <div class="container-fluid">
				<div class="row">
					<div class="col-lg-8 col-xs-8 col-sm-8 col-md-8" style="line-height:36px;">
                        <div class="actions">
                                    <a href="#" class="btn btn-xs btn-info" data-toggle="" data-target="" id="addAppPage">
                                        <i class="fa"></i>&nbsp;创建客户端
                                    </a>&nbsp;
                                </div>
                    </div>
					<div class="col-lg-4 col-xs-4 col-sm-4 col-md-4" style="margin-bottom: 10px;">
	                    <div class="input-group">
	                        <input id="quickSearch" type="text" placeholder="店铺、key、secret" class="form-control" />
	                        <span class="input-group-btn">
		                        <button id="btnQuickSearch" type="button" class="btn btn-primary">
		                        	<i class="fa fa-search"></i>
		                        </button>
	                        </span>
	                    </div>
                    </div>
				</div>
				<div class="row">
                    <div class="col-lg-12">
				        <div class="portlet box portlet-blue" style="margin-bottom: 15px;">
 							<div class="portlet-header">
				                <div class="caption">客户端列表</div>
                                <!-- <div class="actions">
                                	<a href="#" class="btn btn-xs btn-warning" data-toggle="" data-target="" id="addAppPage">
                                		<i class="fa fa-plus"></i>&nbsp;创建
                                	</a>&nbsp;
                                </div> -->
				            </div>
				            <div class="portlet-body" style="width:100%;">
                                <table id="appTable" class="table table-hover table-striped table-bordered table-advanced tb-sticky-header" width="100%" style="table-layout: fixed;">
                                    <thead>
                                        <tr>
                                            <th style="width:13%" colValue="shopName">店铺名称</th>
                                            <th style="width:9%" colValue="appType">客户端类型</th>
                                            <th style="width:15%" colValue="appKey">key</th>
                                            <th style="width:15%" colValue="appSecret">secret</th>
                                            <th style="width:13%" colValue="token">token</th>
                                            <th style="width:13%" colValue="createTime">创建时间</th>
                                            <th style="width:13%" colValue="updateTime">最后修改时间</th>
                                            <th style="width:10%" colValue="operation">操作</th>
                                        </tr>
                                    </thead>
                                    <tbody></tbody>
                                </table>
				            </div>
				        </div>
                    </div>
                </div>
	        </div>
	    </div>
	    
	    <!-- ====================================== 窗口区 ===================================== -->
	     <div id="addNewAppPage"  tabindex="-1" role="dialog" aria-labelledby="modal-header-primary-label" data-backdrop="static" aria-hidden="true" class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header modal-header-primary">
                        <button type="button" data-dismiss="modal" aria-hidden="true" class="close">&times;</button>
                        <h4 id="modal-header-primary-label" class="modal-title">创建客户端</h4>
                    </div>
                    <div class="modal-body">
						<form id="appForm" role="form"  class="form-horizontal">
							<div class="form-group">
								<label for="enterpriseId" class="col-sm-3 control-label">企业<span class='require'>*</span>
								</label>
								<div class="col-sm-9">
                                     <select id="enterpriseId" name="enterpriseId" class="form-control" required>
                                         <option value="">请选择</option>
                                     </select>
								</div>
							</div>
							<div class="form-group">
								<label for="prjId" class="col-sm-3 control-label">项目<span class='require'>*</span>
								</label>
								<div class="col-sm-9">
                                     <select id="prjId" name="prjId" class="form-control" required>
                                         <option value="">请选择</option>
                                     </select>
								</div>
							</div>
							<div class="form-group">
								<label for="shopId" class="col-sm-3 control-label">店铺 <span class='require'>*</span>
								</label>
								<div class="col-sm-9">
                                     <select id="shopId" name="shopId" class="form-control" required>
                                         <option value="">请选择</option>
                                     </select>
								</div>
							</div>
							<div class="form-group">
								<label for="appType" class="col-sm-3 control-label">客户端类型 <span class='require'>*</span>
								</label>
								<div class="col-sm-9">
                                     <select id="appType" name="appType" class="form-control" required>
                                         <option value="">请选择</option>
                                     </select>
								</div>
							</div>
							<div class="form-group">
								<label for="appKey" class="col-sm-3 control-label">key<span class='require'>*</span>
								</label>
								<div class="col-sm-9">
                                    <input id="appKey"  name="appKey" required type="text"  maxlength="100" class="form-control " />
								</div>
							</div>
							<div class="form-group">
								<label for="appSecret" class="col-sm-3 control-label">secret<span class='require'>*</span>
								</label>
								<div class="col-sm-9">
                                    <input id="appSecret"  name="appSecret" required type="text"  maxlength="100" class="form-control " />
								</div>
							</div>
							<div class="form-group">
								<label for="token" class="col-sm-3 control-label">token
								</label>
								<div class="col-sm-9">
                                    <input id="token"  name="token"  type="text" readonly="readonly"  maxlength="45" class="form-control " />
                                    <input id="appId"  name="appId"  type="hidden" />
								</div>
							</div>
						</form>
					</div>
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
                        <button id="btnSaveApp" type="button" class="btn btn-primary">保存</button>
                    </div>
                </div>
            </div>
        </div>
        
	    <!-- 加载 jquery js-->
	    <script src="/Apollo/madmin/js/jquery-1.10.2.min.js"></script>
	    <script src="/Apollo/madmin/js/jquery-migrate-1.2.1.min.js"></script>
	    <script src="/Apollo/madmin/js/jquery-ui.js"></script>
	    
	    <!-- 加载 bootstrap 和三方插件 js -->
	    <script src="/Apollo/madmin/vendors/bootstrap/js/bootstrap.min.js"></script>
	    <script src="/Apollo/madmin/vendors/bootstrap-hover-dropdown/bootstrap-hover-dropdown.js"></script>
	    <script src="/Apollo/madmin/js/html5shiv.js"></script>
	    <script src="/Apollo/madmin/js/respond.min.js"></script>
	    <script src="/Apollo/madmin/vendors/jquery-cookie/jquery.cookie.js"></script>
	    <script src="/Apollo/madmin/vendors/iCheck/icheck.min.js"></script>
	    <script src="/Apollo/madmin/vendors/iCheck/custom.min.js"></script>
	    <script src="/Apollo/madmin/vendors/jquery-notific8/jquery.notific8.min.js"></script>
	    <script src="/Apollo/madmin/vendors/jquery-pace/pace.min.js"></script>
	    <script src="/Apollo/madmin/vendors/holder/holder.js"></script>
	    <script src="/Apollo/madmin/vendors/responsive-tabs/responsive-tabs.js"></script>
	    <script src="/Apollo/madmin/vendors/moment/moment.js"></script>
		<script src="/Apollo/madmin/vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
	    <script src="/Apollo/madmin/vendors/DataTables/media/js/jquery.dataTables.js"></script>
	    <script src="/Apollo/madmin/vendors/DataTables/media/js/dataTables.bootstrap.js"></script>
	    <script src="/Apollo/madmin/vendors/DataTables/extensions/TableTools/js/dataTables.tableTools.min.js"></script>
    	<script src="/Apollo/madmin/vendors/jquery-tablesorter/jquery.tablesorter.js"></script>
    	<script src="/Apollo/madmin/js/table-advanced.js"></script>
	    <script src="/Apollo/madmin/vendors/jquery-validate/jquery.validate.min.js"></script>
	    <script src="/Apollo/madmin/vendors/jquery-validate/message_zh.js"></script>
	    <script src="/Apollo/madmin/vendors/jquery-steps/js/jquery.steps.min.js"></script>
	    <script src="/Apollo/madmin/vendors/jquery-bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>

	    <!-- 加载本页面对应的js -->
	    <script src="appList.js"></script> 
	    <script src="/views/static/js/export.js"></script>
	    <script src="/views/static/js/form.js"></script>
    </body>
</html>